$font-main: 14px;
	$font-large: 16px;
	$font-small: 12px;
	$color-primary: #007AFF;
	$color-secondary: #003d82;
	$color-text: #666;
	$color-background: #f0f0f0;
	$color-white: #fff;
	$color-shadow: rgba(0, 0, 0, 0.1);
	$padding-standard: 10px;
	$border-radius-standard: 5px;

	* {
		box-sizing: border-box; // Ensure consistent box sizing
	}

	view {
		display: flex;
	}

	.page-container {
		display: flex;
		flex-direction: column;
		height: 100%;
		background-color: $color-background;
		padding-bottom: 60px; // Adjust the padding to the height of your bottom-nav
	}